<template>
  <div class="eventAndNewsList">
    <!--活动及品牌新闻列表-->
    <div class="event-brand">

      <div class="event-list">
        <sub-list/>
      </div>
    </div>
    <!--分页-->
<!--    <div class="pagination">-->
<!--      <el-pagination-->
<!--        background-->
<!--        layout="prev, pager, next"-->
<!--        :total="1000">-->
<!--      </el-pagination>-->
<!--    </div>-->
  </div>
</template>

<script>
import SubList from '@/components/eventAndNews/SubList'
export default {
  name: 'EventAndNewsList',
  components: {
    SubList
  }
}
</script>

<style scoped lang="less">
.eventAndNewsList {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  // event-list
  .event-brand {
    width: 980px;
    margin: 0 auto;
    text-align: left;
  }

  // 分页
  .pagination {
    width: 980px;
    height: 50px;
    margin-top: 50px;
  }
}

</style>
